<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>个人中心</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/userpp.css" rel="stylesheet">
</head>
<body class="body-pad cl-b-lgrey">
	<div class="ub ub-ac page-header row">
		<a href="#" class="clickable-deep"><span class="icon-adduser"></span></a>
		<div class="ub-f1 page-name">个人中心</div>
		<a href="#" class="clickable-deep">
			<!-- 有消息 -->
			<span class="icon-msg"></span>
			<!-- 无消息 -->
			<!-- <span class="icon-msg2"></span> -->
		</a>
	</div>
	<div class="banner-img">
		<img src="../images/userbanner.jpg" alt="">
		<div class="user-info ub ub-ver ub-ac ub-pc ub-con">
			<img class="tx-cir" src="../images/touxiang.png" alt="">
			<p class="cl-f-orange f16 ub ub-ac">幸福的小猪<span class="icon-daren"></span></p>
			<div class="ub ub-pc ub-ac"><div class="btn cl-b-xlgrey clickable-deep ub ub-pc ub-ac">试用记录</div><div class="btn cl-b-xlgrey clickable-deep ub ub-pc ub-ac">我的收藏</div></div>
		</div>
	</div>
	<p class="ub cl-b-white banner-info">
		专注于家庭烘焙，专业于家庭烤箱。COUSS首创全国电子式独立控温烤箱，一直引领烤箱技术的发展！不要七分满意，只要十分完美！
	</p>
	<ul class="ub ub-ac cl-b-white user-num">
		<li class="ub-f1 clickable"><p class="cl-f-orange">323</p><p>关注</p></li>
		<li class="ub-f1 clickable"><p class="cl-f-orange">323</p><p>粉丝</p></li>
		<li class="ub-f1 clickable"><p class="cl-f-orange">323</p><p>积分</p></li>
	</ul>
	<div class="ub ub-ac ub-pj cl-b-lgrey user-btn">
		<a class="ub-f1 ub ub-ac ub-pc cl-b-white btn clickable"><span class="icon-fabu"></span><span>发布食谱</span></a>
		<a class="ub-f1 ub ub-ac ub-pc cl-b-white btn clickable"><span class="icon-pai"></span><span>发随手拍</span></a>
	</div>
	<div class="tab-section user-tab-select ub row cl-b-white f14">
		<div class="ub-f1"><a href="#" class="active cl-f-grey"><span class="user-tab-select-num">15</span> 随手拍</a></div>
		<div class="ub-f1"><a href="#" class="cl-f-grey"><span class="user-tab-select-num">102</span> 食谱</a></div>
		<div class="ub-f1"><a href="#" class="cl-f-grey"><span class="user-tab-select-num">10</span> 专栏</a></div>
	</div>
	<ul class="user-ssp-con">
		<li class="ub cl-b-white clickable ssp-item">
			<img src="../images/touxiang.png" class="ssp-tx tx-cir lazy">
			<div class="ub-f1 ssp-cotent">
				<p class="ssp-content-article cl-f-grey">
					<span class="cl-f-orange">淡奶油水果蛋糕</span>
				</p>
				<ul class="ssp-content-img">
					<li class="lazy" data-original="../images/cake1.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake2.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake1.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake3.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake4.png"><img src="../images/o6.png" class="oimg"></li>
				</ul>
				<div class="ssp-content-foot ub ub-pj">
					<p class="ssp-content-time cl-f-lgrey">2015-12-01<span>12:26</span></p>
					<div class="option-wrapper ub">
					    <div class="like ub ub-pc ub-ac">
					    	<span class="icon-like"></span><p class="like-text cl-f-orange">22</p>
					    </div>
						<div class="comment ub ub-pc ub-ac">
					    	<span class="icon-comment"></span><p class="comment-text cl-f-orange">45</p>
					    </div>
					</div>
				</div>
			</div>
		</li>
		<li class="ub cl-b-white clickable ssp-item">
			<img src="../images/touxiang.png" class="ssp-tx tx-cir lazy">
			<div class="ub-f1 ssp-cotent">
				<p class="ssp-content-article cl-f-grey">
					<span class="cl-f-orange">淡奶油水果蛋糕</span>
				</p>
				<ul class="ssp-content-img">
					<li class="lazy" data-original="../images/cake1.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake2.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake1.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake3.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake4.png"><img src="../images/o6.png" class="oimg"></li>
				</ul>
				<div class="ssp-content-foot ub ub-pj">
					<p class="ssp-content-time cl-f-lgrey">2015-12-01<span>12:26</span></p>
					<div class="option-wrapper ub">
					    <div class="like ub ub-pc ub-ac">
					    	<span class="icon-like"></span><p class="like-text cl-f-orange">22</p>
					    </div>
						<div class="comment ub ub-pc ub-ac">
					    	<span class="icon-comment"></span><p class="comment-text cl-f-orange">45</p>
					    </div>
					</div>
				</div>
			</div>
		</li>
		<li class="ub cl-b-white clickable ssp-item">
			<img src="../images/touxiang.png" class="ssp-tx tx-cir lazy">
			<div class="ub-f1 ssp-cotent">
				<p class="ssp-content-article cl-f-grey">
					<span class="cl-f-orange">淡奶油水果蛋糕</span>
				</p>
				<ul class="ssp-content-img">
					<li class="lazy" data-original="../images/cake1.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake2.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake1.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake3.png"><img src="../images/o6.png" class="oimg"></li>
					<li class="lazy" data-original="../images/cake4.png"><img src="../images/o6.png" class="oimg"></li>
				</ul>
				<div class="ssp-content-foot ub ub-pj">
					<p class="ssp-content-time cl-f-lgrey">2015-12-01<span>12:26</span></p>
					<div class="option-wrapper ub">
					    <div class="like ub ub-pc ub-ac">
					    	<span class="icon-like"></span><p class="like-text cl-f-orange">22</p>
					    </div>
						<div class="comment ub ub-pc ub-ac">
					    	<span class="icon-comment"></span><p class="comment-text cl-f-orange">45</p>
					    </div>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<div class="row ub five-grid footer-five-grid f12 cl-b-white cl-f-dgrey">
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic1.png"><p>首页</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic2.png"><p>动态</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic3.png"><p>随手拍</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic4.png"><p>评测</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic5.png"><p>我的</p></div>
    </div>
	<script src="../js/jquery-1.11.1.min.js"></script>
	<script src="../js/jquery.lazyload.min.js"></script>
    <script src="../js/custom.js"></script>
</body>
</html>